// 适配布局




// 默认字体大小为50px 屏幕分为15份
html{
    font-size: 50px;
}

a{
    text-decoration: none;
}
@no:15;


//适配320px的屏幕
@media screen and (min-width:320px) {
    html{
        font-size: (320px / @no);
    }
}
//适配360px的屏幕
@media screen and (min-width:360px) {
    html{
        font-size: (360px / @no);
    }
}
//适配375px的屏幕
@media screen and (min-width:375px) {
    html{
        font-size: (375px / @no);
    }
  }
 //适配384px的屏幕
@media screen and (min-width:384px) {
    html{
        font-size: (384px / @no);
    }
}
//适配400px的屏幕
@media screen and (min-width:400px) {
    html{
        font-size: (400px / @no);
    }
  }
//适配414px的屏幕
@media screen and (min-width:414px) {
    html{
        font-size: (414px / @no);
    }
}
 //适配424px的屏幕
@media screen and (min-width:424px) {
    html{
        font-size: (424px / @no);
    }
}


//适配480px的屏幕
@media screen and (min-width:480px) {
    html{
        font-size: (480px / @no);
    }
 }


      //适配540px的屏幕
@media screen and (min-width:540px) {
    html{
        font-size: (540px / @no);
    }
}
//适配720px的屏幕
@media screen and (min-width:720px) {
    html{
        font-size: (720px / @no);
    }
}


//适配750px的屏幕
@media screen and (min-width:750px) {
    html{
        font-size: (750px / @no);
    }
}

body {
    min-width: 320px; width:15rem; margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica; background: #F2F2F2;
    }
    